// import React from 'react';
// import { Space, Table, Tag } from 'antd';
import { Table } from 'antd';

// const MockColumns = [
//   {
//     title: 'Name',
//     dataIndex: 'name',
//     key: 'name',
//     render: text => <div>{text}</div>,
//   },
//   {
//     title: 'Age',
//     dataIndex: 'age',
//     key: 'age',
//   },
//   {
//     title: 'Address',
//     dataIndex: 'address',
//     key: 'address',
//   },
//   {
//     title: 'Tags',
//     key: 'tags',
//     dataIndex: 'tags',
//     render: (_, { tags }) => (
//       <>
//         {tags.map(tag => {
//           let color = tag.length > 5 ? 'geekblue' : 'green';
//           if (tag === 'loser') {
//             color = 'volcano';
//           }
//           return (
//             <Tag color={color} key={tag}>
//               {tag.toUpperCase()}
//             </Tag>
//           );
//         })}
//       </>
//     ),
//   },
//   {
//     title: 'Action',
//     key: 'action',
//     render: (_, record) => (
//       <Space size="middle">
//         <div>Invite {record.name}</div>
//         <div>Delete</div>
//       </Space>
//     ),
//   },
// ];
// const MockData = [
//   {
//     key: '1',
//     name: 'John Brown',
//     age: 32,
//     address: 'New York No. 1 Lake Park',
//     tags: ['nice', 'developer'],
//   },
//   {
//     key: '2',
//     name: 'Jim Green',
//     age: 42,
//     address: 'London No. 1 Lake Park',
//     tags: ['loser'],
//   },
//   {
//     key: '3',
//     name: 'Joe Black',
//     age: 32,
//     address: 'Sydney No. 1 Lake Park',
//     tags: ['cool', 'teacher'],
//   },
// ];

/**数据列表 */
const DataTable = ({data}) => {
  console.log("getObject ---> ", data); // debug
  // 获取对象键值为对象数组（适用于数组每一项键值都相同的情况）
  const getObjectKeysAsArray  = (obj, key1, key2) => {
    const isPureObject = Object.prototype.toString.call(obj) === '[object Object]';
    if (!isPureObject) {
      console.warn('传入的参数不是有效的纯对象，返回空数组');
      return [];
    }
    if (typeof key1 !== 'string' || key1.trim() === '') {
      console.warn('自定义属性名必须是非空字符串,key1已自动使用默认值 "key"');
      key1 = 'key';
    }
    if (typeof key2 !== 'string' || key2.trim() === '') {
      console.warn('自定义属性名必须是非空字符串,key2已自动使用默认值 "key"');
      key2 = 'key';
    }
    return Object.keys(obj).map(originalKey => {
      return {
        [key1]: originalKey,
        [key2]: originalKey,
      };
    });
  }

  const columns = getObjectKeysAsArray(data[0], 'title', 'dataIndex'); // 获取数据列名
  console.log("getColumns ---> ", columns);
  return (
      <Table columns={columns} dataSource={data} style={{minWidth:'300px', marginTop:'10px', maxHeight:'400px', overflow:'scroll',scrollbarWidth: 'none'}}/>
  )
};
export default DataTable;